<template>
<h1>下拉选择框</h1>
  <hr>
  <el-select v-model="city" placeholder="选择你的城市" style="width: 30%;">
    <el-option label="北京" value="bj"/>
    <el-option label="上海" value="sh"/>
    <el-option label="深圳" value="sz"/>
    <el-option label="广州" value="gz"/>

  </el-select>
  <h4>城市是：{{city}}</h4>
</template>
<script setup>
import {ref} from "vue";

const city=ref('sh');
</script>


<style scoped>

</style>